.home {

    .top {
        display: flex;
        justify-content: space-between;
        width: 100%;

        >div {
            width: 23%;
            padding: 0 40px ;
            background-color: white;
            margin: 20px;
        }

        >div :nth-child(4) {
            border-top: 1px solid #bbb;
            padding-top: 14px;
            line-height: 30px;
        }

        .box1 p:nth-child(3) {
            line-height: 50px;
        }

        .rhb {

            .green {
                color: green;
            }

            .red {
                color: red;
            }

            p:nth-child(2) {
                font-size: 20px;
            }
        }

        #top0,
        #top1,
        #top2,
        #top3 {
            width: 240px;
            height: 50px;
        }
    }

    .mid {
        padding: 20px 40px 20px 40px;

        .midheader {
            justify-content: space-between;
            display: flex;

            margin-bottom: 10px;

            .title span {
                line-height: 40px;
                padding: 0 20px 20px 20px;


            }
        }

        .active {
            border-bottom: 3px solid #0000ff;
        }

        .midcontent {
            padding-top: 10px;
            display: flex;
            justify-content: space-between;

            #mid1,
            #mid2 {
                width: 70%;
                height: 300px;
            }

            .text {
                width: 30%;

                h3 {
                    margin-top: 0;
                }

                .round {
                    border-radius: 50%;
                    padding: 0 5px;
                    background-color: #aaa;
                    color: white;
                }

                ul li {
                    list-style: none;
                    font-size: 18px;
                    margin-bottom: 10px;
                }

                li span:nth-child(1) {
                    margin-right: 30px;
                }
            }
        }
    }
}

// .ant-layout-content {
//     padding: 0 !important;
//     margin: 0 !important;
//     background-color: #f5f5f5 !important;
// }